const images = document.getElementById("images");
const leftButton = document.getElementById("left");
const rightButton = document.getElementById("right");
const imagesList = document.querySelectorAll("#images img");
let index = 0;
const changeImage = () => {
if (index > imagesList.length - 1) index = 0;
else if (index < 0) index = imagesList.length - 1;
images.style.transform = `translateX(${-index * 500}px)`;
};
const run = () => {
index++;
changeImage();
};
const resetInterval = () => {
clearInterval(interval);
interval = setInterval(run, 2000);
};
let interval = setInterval(run, 2000);
rightButton.addEventListener("click", () => {
index++;
changeImage();
resetInterval();
});
leftButton.addEventListener("click", () => {
index--;
changeImage();
resetInterval();
});